﻿@model ComparteTuTiempo.Models.CustomModels.CustomLogin

@{
    ViewBag.Title = "Login";
}

@Styles.Render("~/Content/css/login/screen.css")

@Scripts.Render("~/Content/js/jquery/custom_jquery.js")

@Scripts.Render("~/Content/js/jquery/jquery.pngFix.pack.js")
<script type="text/javascript">
    $(document).ready(function () {
        $(document).pngFix();
    });
</script>


<div class="row">
    <div class="offset3">
         @using (Html.BeginForm())
        {
        <!--  start loginbox ................................................................................. -->
        <div id="loginbox">
            <!--  start login-inner -->
            <div id="login-inner">
                <table border="0">
                    <tr>
                        <th>Email</th>
                        <td>
                            @Html.TextBoxFor(u => u.email, new { @class="login-inp", @Styles="color: white"})
                    </tr>
                    <tr>
                        <th>Contraseña</th>
                        <td>
                             @Html.PasswordFor(u => u.pass,new { @class="login-inp", @Styles="color: white"})
                        </td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            <input id="" type="submit" value="Entrar" class="btn btn-inverse" />
                        </td>
                    </tr>
                </table>
                @ViewBag.LoginFail
                @Html.ValidationSummary(true, "Debe introducir Email y contraseña.")
            </div>
            <!--  end login-inner -->
            <div class="clear"></div>
            <a href="#" class="forgot-pwd">¿Olvidaste la contraseña?</a>
        </div>
        <!--  end loginbox -->
         }
        <!--  start forgotbox ................................................................................... -->
        <div id="forgotbox">
            <div id="forgotbox-text">Si has olvidado tu cuenta, por favor introduzca su correo electronico, y le mandaremos un correo</div>
            <!--  start forgot-inner -->
            <div id="forgot-inner">
                <table border="0">
                    <tr>
                        <th>Email address:</th>
                        <td>
                            <input type="text" value="" class="login-inp" /></td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            <input type="button" class="btn btn-inverse" value="Enviar" /></td>
                    </tr>
                </table>
            </div>
            <!--  end forgot-inner -->
            <div class="clear"></div>
            <a href="#" class="back-login">Back to login</a>
        </div>
        <!--  end forgotbox -->
    </div>
</div>

